<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="utf-8">
    <title>.....精灵</title>
    <!--bootstrap-->
    <link href="/stylesheets/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="page-header">
    <h1>Example page header <small>Subtext for header</small></h1>
</div>
<div class="container">

    <div class="col-lg-6 " >
        <div class="input-group ">
            <span class="input-group-addon" id="sizing-addon1"><strong>公司名称:</strong></span>
            <input type="text" class="form-control input-lg" placeholder="Search for...">
      <span class="input-group-btn">
        <button class="btn btn-default btn-lg" type="button">Go!</button>
      </span>
        </div><!-- /input-group -->
    </div><!-- /.col-lg-6 -->
</div>
<hr>
<div class="container">
    <div id="orderType">
        <table class="table">
            <tr>
                <td><button class="button">1</button></td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr>
        </table>
    </div>
</div>
<hr/>
<div id="myMap">
    <div class="container">
        <h3>这里是具体的地图显示</h3>
        <p>这里是一些注释</p>
        <!--<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>-->
    </div>
    <div class="container">
        <!--================================================== -->
        <div style="width:100%;height:600px">
            <!--插入幻灯片的规格高度必须是400px,好看-->
            <div id="myCarousel" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class=""></li>
                    <li class="active" data-target="#myCarousel" data-slide-to="1"></li>
                    <li class="" data-target="#myCarousel" data-slide-to="2"></li>
                </ol>

                <div class="carousel-inner" role="listbox">
                    <div class="item active left">  <!--图片地址 include 引入-->
                        <img class="first-slide" src="" alt="First slide">
                        <div class="container">
                            <div class="carousel-caption">
                            </div>
                        </div>
                    </div>
                    <div class="item next left">
                        <img class="second-slide" src="" alt="Second slide">
                        <div class="container">
                            <div class="carousel-caption">
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <img class="third-slide" src="" alt="Third slide">
                        <div class="container">
                            <div class="carousel-caption">
                            </div>
                        </div>
                    </div>
                </div>
                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div><!-- /.carousel -->

        </div><!--图片控制高度-->
    </div>
</div>


<!--=================================================================-->

<script src="/javascripts/jquery.js"></script>
<script src="/javascripts/bootstrap.min.js"></script>
</body>
</html>